<script setup>
import { inject } from "vue";
import Chat from "./user/Chat.vue";
import Signin from "./user/Signin.vue";
import Signup from "./user/Signup.vue";
import VIP from "./user/VIP.vue";
import Legal from "./x/Legal.vue";
import Privacy from "./x/Privacy.vue";
import Preview from "./x/Preview.vue";

const index = inject("index");
</script>

<template>
    <template v-if="index === 0">
        <Chat> </Chat>
    </template>
    <template v-if="index === 1">
        <Signup> </Signup>
    </template>
    <template v-if="index === 2">
        <Signin> </Signin>
    </template>
    <template v-if="index === 3">
        <VIP> </VIP>
    </template>
    <template v-if="index === 4">
        <Legal> </Legal>
    </template>
    <template v-if="index === 5">
        <Privacy> </Privacy>
    </template>
    <template v-if="index === 6">
        <Preview> </Preview>
    </template>
</template>
